//control through navbar
myApp.addNavbar = function (container, param) {

    //default parameter
    var defaults = {
        title : false,
        left: {
            text: '返回',
            button: 'icon-back',
            onClick: false
        },
        right: {
            text: false,
            button: false,
            onClick: false
        },
        showLeft: false,
        showRight: false
    }

    //set parameter
    defaults.title = param.title;
    if (param.hasOwnProperty('left')) {
        _.extend(defaults.left, param.left);
    }

    if (param.hasOwnProperty('right')) {
        _.extend(defaults.right, param.right);
    }


    if (defaults.left.text || defaults.left.button) {
        defaults.showLeft = true;
    }

    if (defaults.right.text || defaults.right.button) {
        defaults.showRight = true;
    }

    //html render
    var template = $$('#navbar-template').html();
    var compiledTemplate = Template7.compile(template);
    var html = compiledTemplate(defaults);

    //insert dom
    $$(container).html(html);

    //回退按钮有绑定点击事件
    if (_.isFunction(defaults.left.onClick) ) {
        $$(container).find('.left a').on('click', 'a', defaults.left.onClick);
    }

    //右侧按钮绑定点击事件
    if (_.isFunction(defaults.right.onClick) ) {
        $$(container).find('.right a').on('click', 'a', defaults.right.onClick);
    }

}
